{include file=comm/head.html}
<!-- 幻灯片 -->
<div class="swiper-container">
  <div class="swiper-wrapper">
    {pboot:slide num=5 gid=1}
    <div class="swiper-slide">
      {pboot:if([slide:link] != '')}
      <a href="[slide:link]">
        <img src="[slide:src]" class="d-block w-100" />
      </a>
      {else}
      <img src="[slide:src]" class="d-block w-100" />
      {/pboot:if}
      <div class="container">
        <div class="position-absolute text-light" style="top: 30%">
          <h1 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h1>
          <h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
        </div>
      </div>
    </div>
    {/pboot:slide}
  </div>
  <div class="swiper-button-prev d-none d-md-block"></div>
  <!--左箭头-->
  <div class="swiper-button-next d-none d-md-block"></div>
  <!--右箭头-->
  <div class="swiper-pagination"></div>
</div>

<!--产品推荐-->
<div class="bg-white productCenter">
  <div class="_container">
    {pboot:sort scode=13}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}

    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-12 wow fadeInLeft">
        <div class="left_nav">
          <h3 title="Product column">
            <a href="https://www.jzjigui.cn/product_index.html" target="_blank" title="">Product column</a>
          </h3>
          <ul class="flst">
            {pboot:nav num=10 parent=13}
            <li>
              <a href="[nav:link]" title="[nav:name]">
                <i>[nav:i]</i>
                [nav:name]</a>
            </li>
            {/pboot:nav}
            <li class="otcpfl">
              <a href="#"><i><img alt="other products" src="{pboot:sitetplpath}/images/otcpfl.jpg"
                    title="other products" /></i>other&gt;&gt;</a>
            </li>
          </ul>
        </div>
      </div>


      <div class="col-lg-9 col-md-9 col-sm-12 wow fadeInRight" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
        <div class="row">
          <div class="col-12">
            {pboot:sort scode=13}
            <div class="hot_pic">
              <img src="[sort:ico]" alt="Product column" title="Product column" />
            </div>
            {/pboot:sort}
          </div>


          {pboot:list scode=13 num=6 order=date}
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="card ">
              <div class="card-img-150">
                <a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]" /></a>
              </div>
              <div class="card-body">
                <h5 class="card-title">
                  <a href="[list:link]">[list:title lencn=12]</a>
                </h5>
                <p class="card-text">
                  {pboot:if([list:istop]==1)}
                  <span class="badge badge-danger">top</span>
                  {/pboot:if} {pboot:if([list:isrecommend]==1)}
                  <span class="badge badge-warning">recommend</span>
                  {/pboot:if} {pboot:if([list:isheadline]==1)}
                  <span class="badge badge-info">headline</span>
                  {/pboot:if} [list:content drophtml=1 dropblank=1 len=40]
                </p>
              </div>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>

    </div>
  </div>
</div>


<div class="yous">
  <ul class="c">
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=157556659&amp;site=qq&amp;menu=yes" target="_blank" rel="nofollow"></a>
    <div class="wow fadeInRight animated animated animated hot_pic">
      <img src="{pboot:sitetplpath}/images/pc1.jpg">
    </div>
    <li class="y1 wow fadeInLeft  animated" style="visibility: visible; animation-name: fadeInLeft;">
      <h5>Strong enterprise strength, give you confidence</h5>
      <h6>STRONG CORPORATE</h6>
      <p>Many years of professional electrical automation equipment sales, maintenance and well-known enterprises to
        establish good cooperative relations.</p>
    </li>
    <li class="y2 wow fadeInLeft  animated" style="visibility: visible; animation-name: fadeInLeft;">
      <h5>Mature solution, let you worry</h5>
      <h6>SOPHISTICATED SOLUTIONS</h6>
      <p style="margin-top: 34px;">According to your production requirements, provide three hours of quick repair and
        supply supplies to solve
        your concerns。

        The maintenance speed is fast, the success rate is high, the charge is reasonable, the key is the company's
        large scale, the after-sales service is reliable。</p>
    </li>
    <li class="y3 wow fadeInRight  animated" style="visibility: visible; animation-name: fadeInRight;">
      <h5>Stable equipment performance, let you peace of mind</h5>
      <h6>STABLE EQUIPMENT PERFORMANCE</h6>
      <p>Replace all parts, are imported with original, more than ten years of technical support。</p>
    </li>
    <li class="y4 wow fadeInRight  animated" style="visibility: visible; animation-name: fadeInRight;">
      <h5>Perfect after-sales service system, let you rest assured</h5>
      <h6>IMPROVE THE SERVICE SYSTEM</h6>
      <p>Affordable parts supply and quality maintenance services.<br>Can enjoy free delivery, on-site installation and
        commissioning and operation training</p>
    </li>
    <img class="wow fadeInLeft  animated" style="margin-top: -410px; visibility: visible; animation-name: fadeInLeft;"
      src="{pboot:sitetplpath}/images/pc2.jpg">
  </ul>
</div>

<!-- 关于我们 -->
<div class="home-about">
  <div class="_container">
    {pboot:sort scode=12}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}
    {pboot:content id=18}
    <div class="row bg-white">
      <div class="col-lg-6 col-md-6  col-xs-12">
        <div class="about-content">
          <!--公司简介——开始-->
          <h2 class="text-main">[content:subtitle]</h2>
          <p class="nr">
            [content:content drophtml=1 dropblank=1 len=442 more='']
          </p>
          <a href="[content:link]" class="more">more></a>
          <!--公司简介——结束-->
        </div>
      </div>
      <div class="col-lg-6 col-md-6  col-xs-12 about-img">
        <img src="{pboot:sitetplpath}/images/aboutpic.jpg" class="img-responsive">
      </div>
    </div>
    {/pboot:content}
  </div>
</div>



<!-- 新闻动态 -->
<div class="home-news">
  <div class="_container">
    {pboot:sort scode=25}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInLeft">
        <div class="hot-news">
          {pboot:list scode=25 num=1 isrecommend=1}
          <div class="hot-news-img">
            <a href="[list:link]">
              <img src="[list:ico]" alt="[list:title]" class="img-responsive">
            </a>
          </div>
          <div class="hot-news-content">
            <div class="date">
              <p class="bigDate">[list:date substr=9,2]</p>
              <p class="smallDate">[list:date drophtml=1 substr=1,10]</p>
            </div>
            <div class="nr">
              <h3 class="title">
                <a href="[list:link]">[list:title lencn=20]</a>
              </h3>
              <p class="desc">
                [list:content drophtml=1 dropblank=1 lencn=55]
              </p>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInRight">
        <div class="news-list">
          {pboot:list scode=25 num=4 order=date}
          <div class="news-list-item">
            <div class="date">
              <p class="bigDate">[list:date substr=9,2]</p>
              <p class="smallDate">[list:date drophtml=1 substr=1,10]</p>
            </div>
            <div class="nr">
              <h3 class="title">
                <a href="[list:link]">[list:title lencn=20]</a>
              </h3>
              <p class="desc">
                [list:content drophtml=1 dropblank=1 lencn=55]
              </p>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>
      <div class="col-lg-12 col-md-12 col-sm-12">
        {pboot:sort scode=25}
        <div class="text-center wow fadeInUp" data-wow-delay="1s">
          <a href="[sort:link]" class="more">more</a>
        </div>
        {/pboot:sort}
      </div>
    </div>
  </div>

</div>



<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
<script>
  var mySwiper = new Swiper(".swiper-container", {
    direction: "horizontal",
    loop: true,
    speed: 1000,
    autoplay: {
      delay: 2000,
      disableOnInteraction: false,
    },
    // 如果需要分页器
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });
</script>

{include file=comm/foot.html}